<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="images/favicon.ico">


    <title>同昌官网</title>


    <link href="js/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href="js/bootstrap-3.3.7/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
    <link href="js/bootstrapValidator/bootstrapValidator.css" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="plugs/select2/select2.min.css">
    <link rel="stylesheet" href="js/bootstrapDatepicker/bootstrap-datepicker.min.css">


    <!-- custom style-->
    <link href="plugs/animate/animate.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/dawj/dawj.css">


    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]>
    <script src="js/bootstrap-3.3.7/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="js/bootstrap-3.3.7/js/ie-emulation-modes-warning.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="js/bootstrap-3.3.7/js/html5shiv.min.js"></script>
    <script src="js/bootstrap-3.3.7/js/respond.min.js"></script>
    <![endif]-->
</head>
<body oncontextmenu=self.event.returnValue=false onselectstart="return false">
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
    <div class="modal-dialog"  style="width:410px;">
        <div class="modal-content" style="width:410px;">
            <div class="modal-body">
                <form class="form-signin" id="loginForm">
                    <div class="header row">
                        <div class="col-xs-4"><span></span></div>
                        <div class="col-xs-4 ">网站登录</div>
                        <div class="col-xs-4"><span></span></div>
                    </div>
                    <div class="form-group">
                        <span class="userLabel">用户名 <i></i></span>
                        <input type="text" class="form-control" name="username" id="userName" required autofocus
                               placeholder="请输入用户名"/>
                    </div>
                    <div class="form-group">
                        <span class="passwordLabel">密码 <i></i></span>
                        <input type="password" class="form-control" name="password" id="password" required
                               placeholder="请输入密码"/>
                    </div>
                    <div class="form-group">
                        <button type="submit" id="submitBtn" class="btn btn-lg btn-primary btn-block">登录</button>
                    </div>
                </form>

            </div>
        </div>
    </div>
</div>
<div class="navbar-wrapper">
    <div class="container">
        <nav class="navbar  navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                            aria-expanded="false" aria-controls="navbar">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.html">
                        <img alt="Brand" src="images/common/logo.png">
                    </a>
                </div>
                <div id="navbar" class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="dqtc.html">大气天成</a></li>
                        <li><a href="djff.html">大将风范</a></li>
                        <li><a href="dxwx.html">大象无形</a></li>
                        <li><a href="dcwo.html">大成无偶</a></li>
                        <li  class="active"><a href="#">大爱无疆</a></li>
                        <li><a href="dyht.html">大业宏图</a></li>
                        <ul class="nav navbar-nav pull-right">
                            <li class="loginBtn" data-toggle="modal" data-target="#myModal">登录</li>
                            <!--<li><a href="#">注册</a></li>-->
                            <li><a href="#" class="line"></a></li>
                            <!--<li><a href="#" class="searchIcon"></a></li>-->
                            <li class="wxBox"><a href="javascript:void(0);" class="weixin"></a><a href="javascript:void(0);" class="jtewm"></a></li>
                            <!--<li><a href="#" class="en"></a></li>-->
                        </ul>
                    </ul>
                </div>
            </div>
        </nav>

    </div>
</div>
<section class="item dawj">
    <div class="dawjContent">
        <div class="dawjBg"></div>
        <div class="dawjText">
            <div class="textInner">
                <div class="container">
                    <div class="textContent">
                        <div class="dawjTextTitle">
                            <span>大</span><span>爱</span><span>无</span><span>疆</span>
                        </div>
                        <div class="dawjSubtitle wow animated rubberBand">一种真诚感恩、心怀天下的普世情怀</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="item college wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
    <div class="container-fluid">
        <div class="collegeContent">
            <div class="row">
                <div class="col-sm-8 collegeContentBg">

                </div>
                <div class="col-sm-4 collegeContentText">
                    <div class="collegeTitle wow animated wobble"></div>
                    <div class="collegeSubtitle wow animated tada"></div>
                    <div class="collegeText  wow animated fadeInUp">
                        <span>同昌商学院是山西省唯一一家被多家国内、国际知名IT专业机构授权的培训认证中心，学院依托于中科同昌集团科技大平台，借助集团公司多种实操环境的实力派科技力量，致力于培养“高、精、尖”科技专业技能型人才，以“多维度、高精度”地培训架构及经营思路，为全国范围的信息科技建设造血的同时更为我国信息化战略发展努力前行的产业性企业持续性输血！                        </span>
                        <br>
                        <span>同昌商学院现已开设H3C所有认证课程，并不断增设安全运维、渗透测试、网络攻防、移动安全等多个专项课程，为客户量身定制培训模式，充分满足全国不同类型、不同个体等多层次的需求，帮助客户、企业和个人创造优异价值，实现持续成长，打造全国培训市场的新标准！</span>
                    </div>
                    <div class="collegeBottom">
                        <div class="collegeBottomLeft collegeBottomItem wow animated bounceInRight" data-toggle="modal"
                             data-target="#courseDetails" ></div>
                        <div class="collegeBottomRight collegeBottomItem  wow animated bounceInRight" data-toggle="modal"
                             data-target="#signUpModal"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="item cooperation  wow fadeInUp animated">
    <div class="container">
        <div class="row cooperationHeader">
            <div class="col-xs-12 ">
                <div class="row">
                    <div class="col-xs-4">
                        <div class="line"></div>
                    </div>
                    <div class="col-xs-4 ">
                        <div class="itemTitle">战略合作</div>
                        <small class="itemTitleEn">Strategic cooperation
                        </small>
                    </div>
                    <div class="col-xs-4 ">
                        <div class="line "></div>
                    </div>
                </div>

            </div>
        </div>
        <div class="cooperationContent row wow fadeInUp animated">
            <div class="col-6 col-offset-3 cooperationInner wow fadeInUp animated">
                <div class="cooperationImg "></div>
            </div>
        </div>
    </div>
</section>
<section class="item honor wow fadeInUp animated">
    <div class="container">
        <div class="row honorHeader">
            <div class="col-xs-12 ">
                <div class="row">
                    <div class="col-xs-4">
                        <div class="line"></div>
                    </div>
                    <div class="col-xs-4 ">
                        <div class="itemTitle">同昌之爱</div>
                        <small class="itemTitleEn">Glorious title
                        </small>
                    </div>
                    <div class="col-xs-4 ">
                        <div class="line"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row honorContent wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
            <div class="col-sm-3 ">
                <div class="honorItem honorItem1 wow animated fadeInDownBig">
                    <div class="honorImg">
                        <img src="images/dawj/honor01.png" alt="">
                        <div class="honorImgText">
                            <h3>暖心事迹</h3>
                            <p>中科同昌集团一直以来热衷社会公益事业：
                                捐助阳曲县“因病致贫”的贫困家庭
                                援助留守儿童
                                关爱孤寡老人
                                长期为红十字会、希望工程捐款
                                为长治市捐资助学、希望工程
                                …….</p>
                            <!--<a href="#">Read More</a>-->
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="honorItem honorItem2 wow animated fadeInUpBig ">
                    <div class="honorImg">
                        <img src="images/dawj/honor02.png" alt="">
                        <div class="honorImgText">
                            <h3>人才摇篮</h3>
                            <p>
                                中科同昌已创造就业岗位近千余，为社会解决就业问题的同时加入了H3C人才联盟；与中北大学、太原理工大学、山西大学共同建立大数据研究院；与山西大学经济与管理学院共建创新基地，每季度举行两次“创业、创新”沙龙系列活动；成为山西大学职教师资培养培训基地、太原科技大学计算机科学与技术学院教学实习基地；向中北大学捐赠云计算实验平台等。</p>
                            <!--<a href="#">Read More</a>-->
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="honorItem honorItem3 wow animated fadeInDownBig">
                    <div class="honorImg">
                        <img src="images/dawj/honor03.png" alt="">
                        <div class="honorImgText">
                            <h3>太原市智慧社区发
                                展基金会理事长单位</h3>
                            <p>中科同昌集团致力于为我省乃至全国社区居民提供“互联网数字经济”时代下的智慧新生活！</p>
                            <!-- <a href="#">Read More</a>-->
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="honorItem honorItem4 wow animated fadeInUpBig">
                    <div class="honorImg">
                        <img src="images/dawj/honor04.png" alt="">
                        <div class="honorImgText">
                            <h3>山西省青少年发展基金会理事单位</h3>
                            <p>
                                中科同昌集团一直专注于社会公益事业，为共青团山西省委员会赠送面向全球的“希望工程”捐助门户云平台，为广大热心人士提供一个传递温暖的科技平台，帮助更多需要援助的青少年，用实际行动和成果回馈社会、感恩社会！</p>
                            <!-- <a href="#">Read More</a>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<footer class="footer wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="footTitle"><img src="images/common/footerLogo.png" alt=""></div>
            </div>
        </div>
        <div class="row footContent">
            <div class="col-xs-12 col-sm-7">
                <div class="row">
                    <div class="col-xs-3">
                        <div class="footItems">关于我们</div>
                        <div class="footItem">
                            <a href="">关于同昌</a>
                            <a href="">发展历程</a>
                        </div>
                    </div>
                    <div class="col-xs-3">
                        <div class="footItems">加入我们</div>
                        <div class="footItem">
                            <a href="javascript:void(0)">社会招聘</a>
                            <a href="javascript:void(0)">校园招聘</a>
                        </div>
                    </div>
                    <div class="col-xs-3">
                        <div class="footItems">联系我们</div>
                        <div class="footItem">
                            <a href="javascript:void(0)">客户服务</a>
                            <a href="javascript:void(0)">合作洽谈</a>
                        </div>
                    </div>
                    <div class="col-xs-3">
                        <div class="footItems">服务热线</div>
                        <div class="footItem">
                            <a href="javascript:void(0)">400-653-0677</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-5 line">
                <div class="row">
                    <div class="col-xs-6  col-sm-5  col-sm-offset-1">
                        <div class="ewm">民生之钥</div>
                        <img src="images/common/mszy.png" alt=""></div>
                    <div class="col-xs-6 col-sm-5">
                        <div class="ewm">关注同昌</div>
                        <img src="images/common/jt.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <div class="segmenLine"></div>
            </div>
        </div>
        <div class="row ">
            <div class="col-xs-12 footText">
                <div>法律声明 | 监督举报 | 网站地图 | 晋网文【2018】6138-1456号</div>
                <div>Copyright 1996 - 2018 Topchance. All Rights Reserved.中科同昌信息技术集团</div>
            </div>
        </div>
    </div>
</footer>
<div class="modal fade" id="signUpModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="signUpModalLabel">报名系统</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form" id="signUpForm">
                    <div class="form-group">
                        <label for="" class="col-sm-3 control-label">选择课程<span>*</span></label>
                        <div class="col-sm-9" style="margin-bottom:10px">
                            <select id="course" class="form-control" required name="course">
                                <optgroup label="H3C课程">
                                    <option value="H3CNA认证课程">H3CNA认证课程</option>
                                    <option value="H3CNE认证课程">H3CNE认证课程</option>
                                    <option value="H3CTE认证课程">H3CTE认证课程</option>
                                    <option value="H3CCE认证课程">H3CCE认证课程</option>
                                    <option value="H3CSCE认证课程">H3CSCE认证课程</option>
                                    <option value="H3CPME认证课程">H3CPME认证课程</option>
                                    <option value="H3CS-iMC认证课程">H3CS-iMC认证课程</option>
                                    <option value="H3CS-EAD认证课程">H3CS-EAD认证课程</option>
                                    <option value="H3CS-IPv6认证课程">H3CS-IPv6认证课程</option>
                                    <option value="H3CSE-WLAN认证课程">H3CSE-WLAN认证课程</option>
                                    <option value="H3CIE-WLAN认证课程">H3CIE-WLAN认证课程</option>
                                    <option value="H3CSE-Security认证课程">H3CSE-Security认证课程</option>
                                    <option value="H3CSE-Routing&Switching认证课程">H3CSE-Routing&Switching认证课程</option>
                                    <option value="H3CIE-Routing&Switching认证课程">H3CIE-Routing&Switching认证课程</option>
                                </optgroup>
                                <optgroup label="信息安全课程设计">
                                    <option value="安全运维培训">安全运维培训</option>
                                    <option value="渗透测试专项培训（一）">渗透测试专项培训（一）</option>
                                    <option value="渗透测试专项培训（二）">渗透测试专项培训（二）</option>
                                    <option value="网络攻防专项课程">网络攻防专项课程</option>
                                    <option value="移动安全专项课程">移动安全专项课程</option>
                                    <option value="逆向分析专项课程">逆向分析专项课程</option>
                                    <option value="安全工具开发专项课程">安全工具开发专项课程</option>
                                    <option value="应急响应取证课程">应急响应取证课程</option>
                                    <option value="代码审计专项课程">代码审计专项课程</option>
                                    <option value="无限和硬件安全课程">无限和硬件安全课程</option>
                                    <option value="工业控制系统安全技术课程">工业控制系统安全技术课程</option>
                                    <option value="《渗透测试课程》体系">《渗透测试课程》体系</option>
                                    <option value="《高级网络安全》课程体系">《高级网络安全》课程体系</option>
                                    <option value="Security+认证培训">Security+认证培训</option>
                                    <option value="契合 CNISEC CISP标准大纲">契合 CNISEC CISP标准大纲</option>
                                    <option value="契合  CISSP CBK 八大知识域标准纲">契合 CISSP CBK 八大知识域标准纲</option>
                                </optgroup>
                            </select>
                        </div>

                        <label for="username" class="col-sm-3 control-label">姓名<span>*</span></label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="username" name="username" required autofocus
                                   placeholder="请输入名字">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="" class="col-sm-3 control-label">姓别<span>*</span></label>
                        <div class="col-sm-9">
                            <input type="radio" name="radios" value="男" required checked
                                   style="vertical-align: middle"> 男
                            <input type="radio" name="radios" value="女" style="vertical-align: middle">
                            女
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="birthplace" class="col-sm-3 control-label">籍贯<span></span></label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="birthplace" required placeholder="请输入籍贯">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="schoolName" class="col-sm-3 control-label">毕业院校<span>*</span></label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="schoolName" required name="notEmpty"
                                   placeholder="请输入毕业院校">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="datetimepicker" class="col-sm-3 control-label">出生日期<span>*</span></label>
                        <div class="col-sm-9 ">
                            <!-- <span class="input-group-addon">
                                 <i class="fa fa-calendar"></i>
                             </span>-->
                            <input type="text" id="datetimepicker" data-format="yyyy-MM-dd" class="form-control"
                                   required name="notEmpty"
                                   placeholder="请选择出生日期"
                                   readonly>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="major" class="col-sm-3 control-label">专业<span>*</span></label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="major" required name="notEmpty"
                                   placeholder="请输入专业">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="contact" class="col-sm-3 control-label">联系方式<span>*</span></label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="contact" name="contact" required
                                   placeholder="请输入联系方式">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="jobPlace" class="col-sm-3 control-label">期望工作地点<span></span></label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="jobPlace" placeholder="请输入期望工作地点">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="jobName" class="col-sm-3 control-label">岗位<span></span></label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="jobName" name="notEmpty" placeholder="请输入您的岗位">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="education" class="col-sm-3 control-label">学历<span>*</span></label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="education" required name="notEmpty"
                                   placeholder="请输入学历">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="degree" class="col-sm-3 control-label">学位<span>*</span></label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="degree" required name="notEmpty"
                                   placeholder="请输入学位">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="jobTime" class="col-sm-3 control-label">参加工作时间<span></span></label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="jobTime" required placeholder="请输入参加工作时间">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="certificate" class="col-sm-3 control-label">职业资格证书<span>*</span></label>
                        <div class="col-sm-9">
                            <textarea class="form-control" rows="3" id="certificate" required name="notEmpty"
                                      placeholder="请输入职业资格证书"></textarea>
                        </div>
                    </div>
                    <div class="form-group" style="margin:auto">
                        <div class="row">
                            <button type="submit" class="btn btn-primary col-sm-3 col-sm-offset-2" id="signUpSubmit">
                                确定提交
                            </button>
                            <button type="button" class="btn btn-default  col-sm-3 col-sm-offset-2"
                                    data-dismiss="modal">关闭
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="courseDetails" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog" style="width:80%;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="courseDetailsLabel">课程详情</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="row">
                            <div class="table-responsive">
                                <table class="table table-hover text-center">
                                    <caption class="text-center">H3C课程系列</caption>
                                    <thead >
                                    <tr>
                                        <th>#</th>
                                        <th>课程名称</th>
                                        <th>课时（天）</th>
                                        <th>技能证书</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <th scope="row">1</th>
                                        <td>H3CNA认证课程</td>
                                        <td>2</td>
                                        <td>H3C认证助理网络工程师</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">2</th>
                                        <td>H3CNE认证课程</td>
                                        <td>5</td>
                                        <td>H3C认证网络工程师</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">3</th>
                                        <td>H3CSE-Routing&Switching认证课程</td>
                                        <td>15</td>
                                        <td>H3C认证网络工程师（高级）</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">4</th>
                                        <td>H3CTE认证课程</td>
                                        <td>5</td>
                                        <td>H3C认证网络排错专家</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">5</th>
                                        <td>H3CIE-Routing&Switching认证课程</td>
                                        <td>不限</td>
                                        <td>H3C认证互联网络专家</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">6</th>
                                        <td>H3CSE-WLAN认证课程</td>
                                        <td>4</td>
                                        <td>H3C认证无线高级工程师</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">7</th>
                                        <td>H3CIE-WLAN认证课程</td>
                                        <td>8</td>
                                        <td>H3C认证无线互联网络专家</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">8</th>
                                        <td>H3CSE-Security认证课程</td>
                                        <td>7</td>
                                        <td>H3C认证网络安全高级工程师</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">9</th>
                                        <td>H3CCE认证课程</td>
                                        <td>5</td>
                                        <td>H3C认证网络工程师</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">10</th>
                                        <td>H3CSCE认证课程</td>
                                        <td>7</td>
                                        <td>H3C认证云计算高级工程师</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">11</th>
                                        <td>H3CPME认证课程</td>
                                        <td>2</td>
                                        <td>H3C认证工程项目管理工程师</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="row">
                            <div class="table-responsive">
                                <table class="table table-hover text-center">
                                    <caption class="text-center">管理类课程</caption>
                                    <thead >
                                    <tr>
									    <th>#</th>
                                        <th>课程名称</th>
										<th>#</th>
                                        <th>课程名称</th>
										<th>#</th>
                                        <th>课程名称</th>
                                   
                                        
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                      
										<th scope="row">1</th>
                                        <td>商业思维与领导魅力</td>
										<th scope="row">2</th>
                                        <td>领导力与团队执行力提升</td>
                                         <th scope="row">3</th>
                                        <td>互联网+时代的企业创新</td>
                                    </tr>
									<tr>
									    <th scope="row">4</th>
                                        <td>企业文化建设</td>
										<th scope="row">5</th>
                                        <td>企业人力资源开发与管理</td>
										 <th scope="row">6</th>
                                        <td>大客户销售与服务技巧</td>
									</tr>
									
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="table-responsive">
                            <table class="table table-hover text-center">
                                <caption class="text-center">信息安全系列</caption>
                                <thead >
                                <tr>
                                    <th>#</th>
                                    <th>课程名称</th>
                                    <th>课时（天）</th>
                                    <th>技能证书</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <th scope="row">1</th>
                                    <td>安全运维培训</td>
                                    <td>6</td>
                                    <td rowspan="11" class="text-center" style="padding-top:170px;">培<br>训<br>结<br>业<br>证<br>书</td>
                                </tr>
                                <tr>
                                    <th scope="row">2</th>
                                    <td>渗透测试专项培训（一）</td>
                                    <td>6</td>

                                </tr>
                                <tr>
                                    <th scope="row">3</th>
                                    <td>渗透测试专项培训（二）</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <th scope="row">4</th>
                                    <td>网络攻防专项课程</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <th scope="row">5</th>
                                    <td>移动安全专项课程</td>
                                    <td>6</td>
                                </tr>
                                <tr>
                                    <th scope="row">6</th>
                                    <td>逆向分析专项课程</td>
                                    <td>6</td>
                                </tr>
                                <tr>
                                    <th scope="row">7</th>
                                    <td>安全工具开发专项课程</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <th scope="row">8</th>
                                    <td>应急响应取证课程</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <th scope="row">9</th>
                                    <td>代码审计专项课程</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <th scope="row">10</th>
                                    <td>无限和硬件安全课程</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <th scope="row">11</th>
                                    <td>工业控制系统安全技术课程</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <th scope="row">12</th>
                                    <td>《渗透测试课程》体系</td>
                                    <td>4</td>
                                    <td rowspan="2" style="padding-top:25px;">电子通信行业专项技术证书</td>
                                </tr>
                                <tr>
                                    <th scope="row">13</th>
                                    <td>《高级网络安全》课程体系</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <th scope="row">14</th>
                                    <td>Security+认证培训</td>
                                    <td>3</td>
                                    <td>Security+</td>
                                </tr>
                                <tr>
                                    <th scope="row">15</th>
                                    <td>契合 CNISEC CISP标准大纲</td>
                                    <td></td>
                                    <td>CISP证书</td>
                                </tr>
                                <tr>
                                    <th scope="row">16</th>
                                    <td>契合 CISSP CBK 八大知识域标准纲</td>
                                    <td>3</td>
                                    <td>CISSP证书</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
				<div class="contactPerson">了解详情，请联系李老师:15935618313</div>
            </div>
            <div class="modal-footer ">
                <div class="row">
                    <button type="button" class="btn btn-primary col-sm-4 col-sm-offset-4" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!--回到顶部按钮-->
<div id="jumpTop"></div>
<script src="js/jquery-v1.12.4/jquery.min.js"></script>
<!--vendor-->
<script>window.jQuery || document.write('<script src="js/bootstrap-3.3.7/js/jquery.min.js"><\/script>')</script>
<script src="js/bootstrapValidator/bootstrapValidator.min.js"></script>
<script src="js/bootstrap-3.3.7/js/bootstrap.min.js"></script>
<script src="js/bootstrapValidator/zh_CN.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="js/bootstrap-3.3.7/js/ie10-viewport-bug-workaround.js"></script>

<script src="plugs/wow/wow.min.js"></script>
<script src="plugs/select2/select2.full.min.js"></script>
<script src="plugs/select2/zh-CN.js"></script>
<!--日期控件-->
<!--<script src="plugs/jeDate/jedate-6.5.0/dist/jedate.min.js"></script>-->
<script src="js/bootstrapDatepicker/bootstrap-datepicker.min.js"></script>
<script src="js/bootstrapDatepicker/bootstrap-datepicker.zh-CN.min.js"></script>
<script src="js/common.js"></script>
<link rel="stylesheet" href="plugs/sweetalert2/sweetalert2.min.css">
<script src="plugs/sweetalert2/sweetalert2.all.min.js"></script>
<script>
    new WOW().init();
    $(document).ready(function(){
        $(window).scroll(function() {
            if ($(window).scrollTop() > 300) {
                $('#jumpTop').fadeIn(800);
            } else {
                $('#jumpTop').fadeOut(800);
            }
        });
        $("#jumpTop").click(function() {
            $('body,html').animate({
                    scrollTop: 0
                },
                1000);
            return false;
        });
        var username = window.sessionStorage.username;//获取绘话中的用户名
        if (username) {
            $(".loginBtn").html(username);
            $(".loginBtn").css({"color":"#fff"});
            $(".loginBtn").attr("data-target","");
        } else {
            $(".loginBtn").html('登录');
            $(".loginBtn").attr("data-target","#myModal");
        }

        //防下载
        document.onkeydown = function() {
            var e = window.event || arguments[0];
            //屏蔽F12
            if(e.keyCode == 123) {
                return false;
                //屏蔽Ctrl+Shift+I
            } else if((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)) {
                return false;
                //屏蔽Shift+F10
            } else if((e.shiftKey) && (e.keyCode == 121)){
                return false;

            } else if(event.ctrlKey  &&  window.event.keyCode==83 ){
                return false;
            }
        };
        //屏蔽右键单击
        document.oncontextmenu = function() {
            return false;
		
		}
        
    });
    $(function () {

        var dawjBg = $(".dawjBg"); //背景图片容器
        var dawjTextTitle = $(".dawjTextTitle");//文字容器
        loadTextOpacity(dawjTextTitle);
        $(document).mousemove(function (e) {
            //背景图片移动
            getMousePos(e, dawjBg);
        });
        //课程展示modal
        // modal  居中显示

        var $modal = $('#courseDetails');
        $modal.on('show.bs.modal', function () {
            var $this = $(this);
            var $modal_dialog = $this.find('.modal-dialog');
            // 关键代码，如没将modal设置为 block，则$modala_dialog.height() 为零
            $this.css('display', 'block');
            $modal_dialog.css({'margin-top': Math.max(0, ($(window).height() - $modal_dialog.height()) / 2)});
        });

        // 报名modal
        $('#signUpModal').on('shown.bs.modal', function () {
            // 加载时间插件
            $('#datetimepicker').datepicker({
                todayHighlight: true,
                todayBtn: 'linked',
                keyboardNavigation: true,
                autoclose: true,
                language: 'zh-CN',
                format: 'yyyy-mm-dd',
                daysOfWeekHighlighted: '0,6'
            });
            //select2启动多选
            $("#course").select2({
                multiple: true
            });
            $("#signUpForm").bootstrapValidator({
                live: 'enabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证
                excluded: [':disabled', ':hidden', ':not(:visible)'],//排除无需验证的控件，比如被禁用的或者被隐藏的
                submitButtons: '#signUpSubmit',//指定提交按钮，如果验证失败则变成disabled，但我没试成功，反而加了这句话非submit按钮也会提交到action指定页面
                message: '通用的验证失败消息',//好像从来没出现过
                feedbackIcons: {//根据验证结果显示的各种图标
                    valid: 'glyphicon glyphicon-ok',
                    invalid: 'glyphicon glyphicon-remove',
                    validating: 'glyphicon glyphicon-refresh'
                },
                fields: {
                    username: {
                        message: '用户名验证失败',
                        validators: {
                            notEmpty: {
                                message: '用户名不能为空'
                            }
                        }
                    },
                    course: {
                        validators: {
                            notEmpty: {
                                message: '课程不能为空'
                            }
                        }
                    },
                    contact: {
                        validators: {
                            regexp: {
                                regexp: /^1[34578]\d{9}$/,
                                message: '请正确填写联系方式'
                            },
                            stringLength: {//检测长度
                                max: 11,
                                message: '长度必须是11微数字'
                            },
                        }
                    }
                }
            });
            $("#signUpSubmit").click(function (e) {
                e.preventDefault();
                $("#signUpForm").bootstrapValidator('validate');//提交验证
                if ($("#signUpForm").data('bootstrapValidator').isValid()) {
                    var courseTitle = $.trim($("#course").select2("data"));//课程
                    var name = $.trim($("#userName").val());//用户名
                    var gender = $.trim($("input[name='radios']:checked").val());//性别
                    var birthplace = $.trim($("#birthplace").val()); //籍贯
                    var schoolName = $.trim($("#schoolName").val()); //毕业学校
                    var birthday = $.trim($("#datetimepicker").val());  //出生日期
                    var profession = $.trim($("#major").val()); //专业
                    var contact = $.trim($("#contact").val()); //联系方式
                    var jobPlace = $.trim($("#jobPlace").val()); //期望工作地点
                    var jobName = $.trim($("#jobName").val()); //岗位
                    var education = $.trim($("#education").val()); //学历
                    var bachelor = $.trim($("#degree").val()); //学位
                    var workday = $.trim($("#jobTime").val()); //参加工作时间
                    var certificate = $.trim($("#certificate").val()); //职业资格证书
                    //发送ajax请求
                    $.ajax({
                        url: "http://localhost/eye/a/tcoa/apply/save",
                        type: "post",
                        data: {
                            coursetitle: courseTitle,
                            name: name,
                            gender: gender,
                            birthplace: birthplace,
                            gschool: schoolName,
                            birthday: birthday,
                            profession: profession,
                            contact: contact,
                            exwork: jobPlace,
                            exjobs: jobName,
                            education: education,
                            bachelor: bachelor,
                            workday: workday,
                            certificate: certificate,
                            instructor: "",
                            creationtime: ""
                        },
                        success: function (data) {
                            if (data) {
                                data = JSON.stringify(data);
                                data = JSON.parse(data);
                                if ((parseInt(data.bczt) === 0)) {
                                    $('#signUpModal').modal('hide');
                                    swal(
                                        '恭喜报名成功！',
                                        'success'
                                    )
                                }
                                if ((parseInt(data.bczt) === 1)) {
                                    swal({
                                        title: '报名失败，是否重新报名？',
                                        type: 'warning',
                                        showCancelButton: true,
                                        confirmButtonColor: '#3085d6',
                                        cancelButtonColor: '#d33',
                                        confirmButtonText: '确定',
                                        cancelButtonText: '取消',
                                        confirmButtonClass: 'btn btn-success',
                                        cancelButtonClass: 'btn btn-danger',
                                        buttonsStyling: false
                                    }).then(function () {
                                        swal({
                                            title: '请重新核对填写信息',
                                            text: '2秒后自动关闭。',
                                            timer: 2000
                                        }).then(
                                            function (dismiss) {
                                                if (dismiss === 'timer') {
                                                }
                                            }
                                        )
                                    }, function (dismiss) {
                                        if (dismiss === 'cancel') {
                                            swal(
                                                '警告！',
                                                '您确定已放弃报名:)',
                                                'warning'
                                            );
                                        }
                                    })
                                }
                            }
                        },
                        error: function (xhr, data) {
                            swal('ajax发送失败');
                        },
                        complete: function () {
                            $("#signUpModal").on("hidden.bs.modal", function () {
                                $("#signUpForm").data("bootstrapValidator").destroy();
                                $('#signUpForm').data('bootstrapValidator', null);
                                $("#signUpForm")[0].reset();
                            });
                        }
                    })
                }

            });
        });

        // modal  居中显示
        var $m_btn = $('.loginBtn');
        var $modal = $('#myModal');

        $modal.on('show.bs.modal', function () {
            var $this = $(this);
            var $modal_dialog = $this.find('.modal-dialog');
            // 关键代码，如没将modal设置为 block，则$modala_dialog.height() 为零
            $this.css('display', 'block');
            $modal_dialog.css({'margin-top': Math.max(0, ($(window).height() - $modal_dialog.height()) / 2)});
        });
        $('#myModal').on('shown.bs.modal', function () {
            $("#loginForm").bootstrapValidator({
                live: 'enabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证
                excluded: [':disabled', ':hidden', ':not(:visible)'],//排除无需验证的控件，比如被禁用的或者被隐藏的
                submitButtons: '#submitBtn',//指定提交按钮，如果验证失败则变成disabled，但我没试成功，反而加了这句话非submit按钮也会提交到action指定页面
                message: '通用的验证失败消息',//好像从来没出现过
                feedbackIcons: {//根据验证结果显示的各种图标
                    valid: 'glyphicon glyphicon-ok',
                    invalid: 'glyphicon glyphicon-remove',
                    validating: 'glyphicon glyphicon-refresh'
                },
                fields: {
                    username: {
                        message: '用户名验证失败',
                        validators: {
                            notEmpty: {
                                message: '用户名不能为空'
                            }
                        }
                    },
                    password: {
                        validators: {
                            /* regexp: {//正则验证
                                 regexp: /^[a-zA-Z0-9_\.]+$/,
                                 message: '所输入的字符不符要求'
                             },*/
                            notEmpty: {
                                message: '密码不能为空'
                            }
                        }
                    },
                }
            });
            $("#submitBtn").click(function (e) {
                e.preventDefault();
                $("#loginForm").bootstrapValidator('validate');//提交验证
                if ($("#loginForm").data('bootstrapValidator').isValid()) {
                    var username = $.trim($("#userName").val());
                    var password = $.trim($("#password").val());
                    $.ajax({
                        url: "http://192.168.100.25:2255/eye/a/tcoa/login/manage",
                        type: "post",
                        data: {username: username, password: password},
                        success: function (data) {
                            if (data) {
                                data = JSON.stringify(data);
                                data = JSON.parse(data);
                                if (data.loginmark == 1) {
                                    $('#myModal').modal('hide');
                                    swal(
                                        '恭喜登录成功！',
                                    );


                                    // sessionStorage.useId = data.id;
                                    // alert(id);//保存用户名id
                                    sessionStorage.username = data.username;    //保存用户名
                                    //  alert()
                                     $(".loginBtn").html(data.username);
                                    $(".loginBtn").attr("data-target"," ");
                                    $(".loginBtn").css({"color":"#fff"});
                                }
                                if (data.loginmark == 2) {
                                    swal({
                                        title: '用户名或密码填写错误登录失败!',
                                        type: 'error',
                                        confirmButtonColor: '#3085d6',
                                        cancelButtonColor: '#d33',
                                        confirmButtonText: '确定',
                                        confirmButtonClass: 'btn btn-success',
                                        buttonsStyling: false ,

                                    }).then(function () {
                                        swal(
                                            '请重新核对填写信息',
                                             'info'
                                        )
                                    });
                                    //layer.alert('用户名或密码填写错误', {icon: 2});
                                    $("#loginForm").data("bootstrapValidator").destroy();
                                    $('#loginForm').data('bootstrapValidator', null);
                                    $("#loginForm")[0].reset();
                                }
                            }
                        },
                        error: function (xhr, data) {
                            swal('发送ajax失败');
                        },
                        complete: function () {
                            $("#loginForm").data("bootstrapValidator").destroy();
                            $('#loginForm').data('bootstrapValidator', null);
                            $("#loginForm")[0].reset();
                        }
                    })
                }
            });
        });
    })
</script>
<script>

</script>
</body>
</html>

